<template>
    <view class="box">
        <view class="notice-bar">
            <image class="notice-bar-icon" src="@/pages_tms/static/icon/icon_notice.png"></image>
            <view class="notice-bar-msg">
                您当天任务需前往
                <text class="text-red">{{ length }}</text>
                个取货点取货
            </view>
        </view>
    </view>
</template>

<script>
export default {
    props: {
        length: {
            type: Number,
            default: 0,
        },
    },
    data() {
        return {}
    },
    mounted() {},
    onShow() {},
    methods: {},
}
</script>

<style lang="scss" scoped>
.box {
    padding: $app-page-padding;
    background: $color-white;
    .notice-bar {
        display: flex;
        flex-direction: row;
        padding: $app-page-padding;
        background: rgba(238, 248, 255, 0.99);
        border-radius: 6px;

        .notice-bar-icon {
            width: 48rpx;
            height: 48rpx;
            margin-right: 16rpx;
        }

        .notice-bar-msg {
            text {
                padding: 0 8rpx;
                color: $color-tms-red;
                font-size: $font-size-30;
            }
        }
    }
}
</style>
